<div>
    <h1>Pomoc</h1>

    <div class="help_contents">Aplikacja przeznaczona jest
        dla studentów, jako pomoc dydaktyczna do zajęć Teoria Gier, bazuje na
        klasycznym problemie, jakim jest dylemat więźnia. Został on wymyślony przez
        dwóch pracowników Rand Corporation: Melvin Dreshera i Merrill Flood w 1950
        roku. W klasycznej formie jest przedstawiany następująco:</div>

    <div class="help_contents" style="font-style: italic">
        Dwóch podejrzanych zostało zatrzymanych przez policję.
        Policja, nie mając wystarczających dowodów do postawienia zarzutów, rozdziela
        więźniów i przedstawia każdemu z nich tę samą ofertę: jeśli będzie zeznawać
        przeciwko drugiemu, a drugi będzie milczeć, to zeznający wyjdzie na wolność, a
        milczący dostanie dziesięcioletni wyrok. Jeśli obaj będą milczeć, obaj odsiedzą
        6 miesięcy za inne przewinienia. Jeśli obaj będą zeznawać, obaj dostaną pięcioletnie
        wyroki. Każdy z nich musi podjąć decyzję niezależnie i żaden nie dowie się czy
        drugi milczy czy zeznaje, aż do momentu wydania wyroku. Jak powinni postąpić.</div>

    <p>Dostępne informacje:</p>    

    <?php if ($sf_user->isAdmin()): ?>
        <div class="help_links">
            <a href="#admin0">Zmiana uprawnień</a><br />
        </div>
    <?php endif; ?>
    <?php if ($sf_user->isPremium()): ?>
        <div class="help_links">
            <a href="#mod0">Dodawanie zasad gry</a><br />
            <a href="#mod1">Usuwanie zasad gry</a><br />
            <a href="#mod2">Edytowanie zasad gry</a><br />
            <a href="#mod3">Podgląd zdefiniowanych zasad gry</a><br />
            <a href="#mod4">Tworzenie turnieju</a><br />
            <a href="#mod5">Usuwanie turnieju</a><br />
            <a href="#mod6">Edycja turnieju</a><br />
            <a href="#mod7">Sprawdzanie statystyk turnieju</a><br />
        </div>
    <?php endif; ?>
    <div class="help_links">
        <a href="#player0">Rejestracja nowego użytkownika</a><br />
        <a href="#player1">Logowanie użytkownika</a><br />
        <a href="#player2">Sprawdzenie danych profilu</a><br />
        <a href="#player3">Zmiana hasła</a><br />
        <a href="#player4">Zapisanie się do turnieju</a><br />
        <a href="#player5">Rozegranie gry</a><br />

    </div>        
    <?php if ($sf_user->isAdmin()): ?>
        <a id="admin0"><h3>Zmiana uprawnień</h3></a>
        <div class="help_contents">Administrator
            ma możliwość nadawania i usuwania uprawnień graczom, aby to wykonać należy
            wejść w zakładkę<br/>
            <?php echo image_tag('help/image041.png', array('style' => 'border:none; margin: 10px auto')) ?><br />
            Otworzy nam
            się lista zarejestrowanych graczy, po prawej stronie od Nicku gracza znajdują
            się pola uprawnień, które możemy nadać użytkownikom do wybory mamy <i>Gracz,
                Mod, Admin.</i><br/>
            <?php echo image_tag('help/image042.png', array('style' => 'border:none; margin: 10px auto')) ?><br />
        </div>
    <?php endif; ?>        
    <?php if ($sf_user->isPremium()): ?>
        <a id="mod0"><h3>Dodawanie zasad gry</h3></a>
        <div class="help_contents">Moderator ma możliwość zdefiniowania zasad, jakimi będą rozgrywane pojedynki miedzy
            graczami. Do dyspozycji ma dwie metody:<br/><br/>

            <b>w postaci macierzy</b><br/><br/>
            Aby zdefiniować zasady gry metoda macierzową należy wejść w zakładkę „Zasady gry”.
            A następnie kliknąć na <i>dodaj</i><br/>
            <?php echo image_tag('help/image013.png', array('style' => 'border:none; margin: 10px auto')) ?><br />
            Otworzy nam się kreator zasad gier, który składa się z 5 kroków. W pierwszym z nich podajemy
            nazwę zasad(nazwa nie może się powtarzać z nazwą zapisaną w bazie) i etykiet graczy, a następnie wybieramy metodę macierzową.<br/>
            <?php echo image_tag('help/image014.png', array('style' => 'border:none; margin: 10px auto')) ?><br />
            W kroku drugim określamy rozmiar macierzy, pole pierwsze określa liczbę wierszy (akcje gracza pierwszego), drugie pole określa liczbę kolumn(akcje gracza drugiego).<br/>
            <?php echo image_tag('help/image015.png', array('style' => 'border:none; margin: 10px auto')) ?><br />
            * brak możliwości powrotu do tego kroku.<br/>
            W kroku trzecim ustalamy nazwy etykiet akcji dla gracza 1 i gracza 2 oraz punkty przyporządkowane danej sytuacji w rozgrywce.<br/>
            <?php echo image_tag('help/image016.png', array('style' => 'border:none; margin: 10px auto')) ?><br />
            W kroku 4 podajemy dane, które określać będą warunki zakończenia rozgrywki. W pierwszym
            polu określamy, jaka liczba punktów wygrywa <i>mniejsza </i>czy <i>większa. </i>W
            drugim polu podajemy warunek zakończenia gry poprzez podanie zakresu i
            przyporządkowanie do niego odpowiedniego warunku. Do wyboru mamy: <i>Zwycięstw,
                Gier, Punktów przewagi, Punktów. </i>Ostatnie pole określa ilość punktów
            przyznanych dla osoby, która z powodu nieparzystej liczby graczy nie
            uczestniczy w pojedynczej rozgrywce<br/>
            <?php echo image_tag('help/image017.png', array('style' => 'border:none; margin: 10px auto')) ?><br />
            W kroku 5 otrzymujemy informacje czy cała operacja została przeprowadzona pomyślne.<br/>
            <?php echo image_tag('help/image018.png', array('style' => 'border:none; margin: 10px auto')) ?><br />

            <b>w postaci drzewa</b><br/><br/>
            Aby zdefiniować zasady gry metoda drzewiastą należy wejść w zakładkę<br/>
            <?php echo image_tag('help/image019.png', array('style' => 'border:none; margin: 10px auto')) ?><br />
            a następnie kliknąć na <i>dodaj</i><br/>
            <?php echo image_tag('help/image013.png', array('style' => 'border:none; margin: 10px auto')) ?><br />
            Otworzy nam się kreator zasad gier, który składa się z 5 kroków. W pierwszym z nich podajemy
            nazwę zasad(nazwa nie może się powtarzać z nazwą zapisaną w bazie) i etykiet
            graczy a następnie wybieramy metodę drzewiastą<br/>
            <?php echo image_tag('help/image020.png', array('style' => 'border:none; margin: 10px auto')) ?><br />
            W kroku drugim podajemy liczbę węzłów, z których będzie się składać nasze drzewo<br/>
            <?php echo image_tag('help/image021.png', array('style' => 'border:none; margin: 10px auto')) ?><br />
            Otworzy nam się kreator drzewa, w którym należy uzupełnić niezbędne informacje dotyczące
            węzłów i powiązań między nimi.<br/>
            <?php echo image_tag('help/image022.png', array('style' => 'border:none; margin: 10px auto')) ?><br />
            W kolumnie Typ wybieramy rodzaj węzła może nim być sam gracz, jaki również natura czy
            wypłata. Kolejna kolumna daje nam możliwość zdefiniowania zbioru informacyjnego
            składającego się z interesujących nas węzłów, daję nam to możliwość ich grupowania.<br/><br/>
            Najistotniejszym punktem tworzenia drzewa jest definiowanie akcji między węzłami, każdą akcje
            możemy indywidualnie nazwać a następnie przyporządkować do kolejnego węzła.
            Należy pamiętać, że pierwszy węzeł na liście jest wierzchołkiem drzewa,
            powiązany jest on z innymi tworząc gałąź na końcu, której zawsze znajduje się wypłata,
            która określa ilość punktów przyznanych za odpowiednią akcje.<br/>
            W każdym
            momencie tworzenia węzłów i powiązań miedzy nimi możemy dodać albo usunąć
            akcje, daje nam to możliwość zmiany koncepcji tworzonej zasady, bez potrzeby
            ponownego uruchamiania kreatora.<br/>
            Po wypełnieniu formularza możemy podglądnąć stworzone drzewo bez potrzeby
            zatwierdzania go, żeby to wykonać należy kliknąć na<br/>
            <?php echo image_tag('help/image023.png', array('style' => 'border:none; margin: 10px auto')) ?><br />
            Poniżej pojawi się nam poglądowe drzewo.<br/>
            <?php echo image_tag('help/image024.png', array('style' => 'border:none; margin: 10px auto')) ?><br />
            Aby zatwierdzić stworzone drzewo należy kliknąć<br/>
            <?php echo image_tag('help/image025.png', array('style' => 'border:none; margin: 10px auto')) ?><br />
            W kroku 4 podajemy
            dane, które określać będą warunki zakończenia rozgrywki. W pierwszym polu
            określamy, jaka liczba punktów wygrywa <i>mniejsza </i>czy <i>większa. </i>W
            drugim polu podajemy warunek zakończenia gry poprzez podanie zakresu i
            przyporządkowanie do niego odpowiedniego warunku. Do wyboru mamy: <i>Zwycięstw,
                Gier, Punktów przewagi, Punktów. </i>Ostatnie pole określa ilość punktów
            przyznanych dla osoby, która z powodu nieparzystej liczby graczy nie
            uczestniczy w pojedynczej rozgrywce.<br/>
            <?php echo image_tag('help/image026.png', array('style' => 'border:none; margin: 10px auto')) ?><br />
            W kroku 5 otrzymujemy informacje, że cała operacja została przeprowadzona pomyślne.
            <?php echo image_tag('help/image018.png', array('style' => 'border:none; margin: 10px auto')) ?><br />
        </div>
        <a id="mod1"><h3>Usuwanie zasad gry</h3></a>
        <div class="help_contents">Moderator ma możliwość usunięcia powstałych wcześniej zasad gry. Aby usunąć należy wejść w
            zakładkę<br/>
            <?php echo image_tag('help/image019.png', array('style' => 'border:none; margin: 10px auto')) ?><br />        
            odszukać interesującą nas wpis i kliknąć<br/> 
            <?php echo image_tag('help/image027.png', array('style' => 'border:none; margin: 10px auto')) ?><br />
            Następnie otworzy nam się okno, w którym potwierdzimy usuniecie danego wpisu.<br/>
            <?php echo image_tag('help/image028.png', array('style' => 'border:none; margin: 10px auto')) ?><br />
            Należy pamiętać, że usuniecie zasad gry, które są powiązane z turniejem jest niemożliwe gdyż wpłynęłoby
            to bezpośrednio na turniej.
        </div>
        <a id="mod2"><h3>Edytowanie zasad gry</h3></a>
        <div class="help_contents">Aby edytować już stworzone zasady gry należy wejść w zakładkę<br />
            <?php echo image_tag('help/image019.png', array('style' => 'border:none; margin: 10px auto')) ?><br/>
            i z dostępnych zasad wybrać tą która nas interesuje i kliknąć na<br/>
            <?php echo image_tag('help/image029.png', array('style' => 'border:none; margin: 10px auto')) ?><br/>
            Otworzy nam się formularz, w którym możemy dokonać zmian.<br/>
            <?php echo image_tag('help/image030.png', array('style' => 'border:none; margin: 10px auto')) ?><br/>
        </div>

        <a id="mod3"><h3>Podgląd zdefiniowanych zasad gry</h3></a>
        <div class="help_contents">Aby zobaczyć zdefiniowane już zasady gry należy wejść w zakładkę<br />
            <?php echo image_tag('help/image019.png', array('style' => 'border:none; margin: 10px auto')) ?><br/>
            i z dostępnych zasad wybrać tą która nas interesuje i kliknąć na jej nazwę.<br/>
            Otworzy nam się okno z tabelką zawierająca informacje o zdefiniowanej zasadzie oraz rysunek
            przedstawiający drzewo czy macierz zdefiniowanej zasady.<br/>
            <?php echo image_tag('help/image031.png', array('style' => 'border:none; margin: 10px auto')) ?><br/>

        </div>

        <a id="mod4"><h3>Tworzenie turnieju</h3></a>
        <div class="help_contents">Aby stworzyć turniej należy wejść w zakładkę<br />
            <?php echo image_tag('help/image032.png', array('style' => 'border:none; margin: 10px auto')) ?><br/>
            , a następnie kliknąć na <br/>
            <?php echo image_tag('help/image033.png', array('style' => 'border:none; margin: 10px auto')) ?><br/>
            Otworzy nam
            się formularz dodawania nowego turnieju, w którym należy wypełnić odpowiednie
            pola. W pierwszym podajemy nazwę turnieju, w drugim z listy stworzonych
            wcześniej zasad wybieramy te, które będą obowiązywać, następne pole określa
            sposób kojarzenia zawodników mamy do wyboru: <i>losowo, każdy z każdym, system
                szwajcarski,</i> ostatnie pole określa liczbę rund w turnieju.<br/>
            <?php echo image_tag('help/image034.png', array('style' => 'border:none; margin: 10px auto')) ?><br/>
            Po zatwierdzeniu, pojawi się on automatycznie w liście turniej ze statusem „nowo
            utworzony”.
        </div>

        <a id="mod5"><h3>Usuwanie turnieju</h3></a>
        <div class="help_contents">Moderator ma możliwość usunięcia turnieju, aby to zrobić należy wejść w zakładkę<br />
            <?php echo image_tag('help/image032.png', array('style' => 'border:none; margin: 10px auto')) ?><br/>
            , następnie w kolumnie „Nazwa turnieju” wybieramy opcje <br/>
            <?php echo image_tag('help/image035.png', array('style' => 'border:none; margin: 10px auto')) ?><br/>
            Otworzy nam
            się formularz dodawania nowego turnieju, w którym należy wypełnić odpowiednie
            pola. W pierwszym podajemy nazwę turnieju, w drugim z listy stworzonych
            wcześniej zasad wybieramy te, które będą obowiązywać, następne pole określa
            sposób kojarzenia zawodników mamy do wyboru: <i>losowo, każdy z każdym, system
                szwajcarski,</i> ostatnie pole określa liczbę rund w turnieju.<br/>
            <?php echo image_tag('help/image034.png', array('style' => 'border:none; margin: 10px auto')) ?><br/>
            Po zatwierdzeniu, pojawi się on automatycznie w liście turniej ze statusem „nowo
            utworzony”.
        </div>

        <a id="mod6"><h3>Edycja turnieju</h3></a>
        <div class="help_contents">Moderator do momentu rozpoczęcia turnieju, może edytować już stworzony turniej.<br />
            <?php echo image_tag('help/image036.png', array('style' => 'border:none; margin: 10px auto')) ?><br/>
            Przy nazwie turnieju należy kliknąć na <br/>
            <?php echo image_tag('help/image037.png', array('style' => 'border:none; margin: 10px auto')) ?><br/>
            , otworzy nam się formularz, w którym możemy dokonać zmian.<br/>
            <?php echo image_tag('help/image038.png', array('style' => 'border:none; margin: 10px auto')) ?><br/>

        </div>

        <a id="mod7"><h3>Sprawdzanie statystyk turnieju</h3></a>
        <div class="help_contents">Aplikacja
            umożliwia prześledzenie przebiegu już zakończonego turnieju oraz
            przeanalizowanie statystyk, aby to zrobić należy wejść w zakładkę <br />
            <?php echo image_tag('help/image032.png', array('style' => 'border:none; margin: 10px auto')) ?><br/>
            i z listy turnieju wybrać ten,
            który nas interesuje, a następnie kliknąć na jego nazwę.<br/>
            Otworzy nam
            się okno z informacjami o turnieju zawierające główne założenia, ranking
            zakończonych meczów i przebieg rozegranego turnieju.<br/>
            <?php echo image_tag('help/image039.png', array('style' => 'border:none; margin: 10px auto')) ?><br/>


        </div>
    <?php endif; ?>   
    <a id="player0"><h3>Rejestracja nowego użytkownika</h3></a>
    <div class="help_contents">Aby dokonać rejestracji należy kliknąć na <i>Zaloguj</i>, które znajduje się w lewym górnym
        rogu, otworzy nam się nowa strona, na której odnajdujemy napis <i>Zarejestruj się!</i> I klikamy na niego<br/>
        <?php echo image_tag('help/image001.png', array('style' => 'border:none; margin: 10px auto')) ?><br />
        Po kliknięciu otworzy nam się formularz rejestracyjny
        składający się z dwóch pól: <i>Login </i>i <i>Hasło.</i><br />
        <?php echo image_tag('help/image002.png', array('style' => 'border:none; margin: 10px auto')) ?><br />
        Po wypełnieniu formularza klikamy na <i>Zarejestruj. </i>Jeśli wszystkie dane są poprawne rejestracja zakończy się pomyślnie i na naszym ekranie pojawi się
        zielone pasek z komunikatem <i>Rejestracja się udała</i><br />
        <?php echo image_tag('help/image003.png', array('style' => 'border:none; margin: 10px auto')) ?><br />
    </div>
    <a id="player1"><h3>Logowanie użytkownika</h3></a>
    <div class="help_contents">Aby się zalogować należy kliknąć na <i>Zaloguj</i>, które
        znajduje się w lewym górnym rogu, otworzy nam się formularz logowania
        składający się z dwóch pól: <i>Login </i>i <i>Hasło. </i>Ponadto mamy możliwość
        zapamiętania naszego wpisu tak by za każdym razem nie powtarzać procesu
        logowania.<br />
        <?php echo image_tag('help/image004.png', array('style' => 'border:none; margin: 10px auto')) ?><br />
    </div>
    <a id="player2"><h3>Sprawdzenie danych profilu</h3></a>
    <div class="help_contents">Aby użytkownik sprawdził swoje dane profilowe musi kliknąć <i>Moje konto</i>, które
        znajduje się w prawym górnym rogu.<br />
        <?php echo image_tag('help/image005.png', array('style' => 'border:none; margin: 10px auto')) ?><br />
        Otworzy nam się profil użytkownika, w którym znajdują się statystki zakończonych meczów oraz
        historia rozgrywek.<br/>
        <?php echo image_tag('help/image006.png', array('style' => 'border:none; margin: 10px auto')) ?><br />
    </div>
    <a id="player3"><h3>Zmiana hasła</h3></a>
    <div class="help_contents">Aby zmienić
        hasło należy wejść do profilu użytkownika (patrz powyżej), na samym dole znajduję się<br />
        <?php echo image_tag('help/image007.png', array('style' => 'border:none; margin: 10px auto')) ?><br/>
        należy kliknąć jednokrotnie na napis.<br/><br/>
        Otworzy nam się formularz do zmiany hasła, w którym należy podać stare i nowe hasło.<br/>
        <?php echo image_tag('help/image008.png', array('style' => 'border:none; margin: 10px auto')) ?><br />
    </div>

    <a id="player4"><h3>Zapisanie się do turnieju</h3></a>
    <div class="help_contents">Użytkownik,
        aby zapisać się do turnieju wchodzi w zakładkę<br />
        <?php echo image_tag('help/image010.png', array('style' => 'border:none; margin: 10px auto')) ?><br/>
        , znajduje się tam lista dostępnych turniejów, na które może się zapisać klikając na<br/>
        <?php echo image_tag('help/image011.png', array('style' => 'border:none; margin: 10px auto')) ?><br />
    </div>

    <a id="player5"><h3>Rozegranie gry</h3></a>
    <div class="help_contents">
        <?php echo image_tag('help/image012.png', array('style' => 'border:none; margin: 10px auto')) ?><br/>    
        Uczestnicy po zapisaniu się i rozpoczęciu odpowiedniego turnieju, przechodzą do rozegrania
        gry. W centralnej części panelu znajduje się reprezentacja zasad gry ( macierz
        lub drzewo) , na której gracze wykonują odpowiednie akcje, zatwierdzenie
        odpowiedniej akcji następuje poprzez klikniecie indeksu znajdującego się przy
        każdym węźle. Każda akcja zbliża gracza do zakończenia pojedynczej gry i
        rozdania punktów przydzielonych do odpowiedniego węzła.<br /><br/>

        Po prawej
        stronie znajdują się informacje odnośnie rozgrywki oraz historia meczu.
        Natomiast powyżej znajduję się aktualny wynik rozgrywki (górna wartość to
        liczba wygranych, dolna to suma punktów uzyskanych w meczu). Ponadto po lewej
        stronie od aktualnego wyniku gry znajdują się nasz Nick, natomiast po prawej
        Nick przeciwnika. Po każdej grze następuje zamiana ról, uczestnicy na zmianę
        rozpoczynają rozgrywkę aż do zakończenia meczu z danym przeciwnikiem.<br/>

    </div>
</div>
